/*Reset*/
* html,p,h1,h2,h3,h4,h5,h6,ul,ol,li,blocckquote,td,tr,table,div,dd,dt,a,input,text,button,form,span
	{
	margin: 0px;
	padding: 0px;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

table th,table td {
	text-align: left;
}

table th {
	color: #057742;
	font-weight: bold;;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

ul,li {
	list-style: none;
}

body {
	margin: 0 auto;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	line-height: 1.2em;
	color: #4f4f4f;
	background-color: #E6E6E6;
	font-size: .9em;
}

hr {
	color: #ccc;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.saving {
	display: inline-block;
	width: 23px;
	height: 15px;
	background: url(images/saving.gif) no-repeat center;
}

.big-corner {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.medium-corner {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.small-corner {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.notice,.success {
	border: 1.5px solid #ddd;
}

.hover {
	background: #eee;
	cursor: pointer;
}

.nl {
	width: 100%;
	float: left;
}

#error, #success, #notice,#suberror,#subsuccess,#subnotice, #loading, #subloading,.subnotice,.suberror,.subsucess,.subloading {
    display:none;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    margin-top:10px;font-size: .9em;
    border:1.5px solid;
    text-align: left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 4px #999;
    -moz-box-shadow: 0 3px 4px #999;
    box-shadow: 0 3px 4px #999;
}
#error,#suberror,.suberror {
    background: #FBE3E4 url(images/error.png) no-repeat 10px center;
    color:#8a1f11;
}
#success,#subsuccess,.subsucess {
    background: #DFF2BF url(images/success.png) no-repeat 10px center;
    color:#4F8A10;
}
#notice,#subnotice,.subnotice {
    background: #fccb8a url(images/notice.png) no-repeat 10px center;
    color:#aa6112;
}
#loading, #subloading,.subloading {
    background: #d8e4ff url(images/loading.gif) no-repeat 10px center;
    color:#1e45a4;
}

#notice {
	background: #fccb8a url(images/notice.png) no-repeat 10px center;
	color: #aa6112;
}

.line {
	float: left;
	width: 100%;
}

.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}

.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}

.date {
	width: 80px;
}

/********* pagination *********/
#paginations li {
	display: inline;
}

#paginations a {
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	height: 20px;
	width: 25px;
	padding-top: 5px;
	margin-right: 5px;
	color: #555;
	text-decoration: none;
	background: #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#paginations {
	height: 25px;
	padding: 5px 0 10px 5px;
}

#paginations a.current {
	color: #eee;
	background: #555;
}

#paginations a:hover {
	color: #eee;
	background: #555;
}
/********* Form items *********/
.form-fieldset {
	border: 2px solid #BABABA;
	padding-top: 2px;
	padding-bottom: 5px;
	margin-top: 0px;
}

.form-legend {
	cursor: pointer;
	background: #838383; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aeaeae',
		endColorstr='#838383' ); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#aeaeae),
		to(#838383) ); /* for webkit browsers */
	background: -moz-linear-gradient(top, #aeaeae, #838383);
	/* for firefox 3.6+ */
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	font-size: 14px;
	line-height: 22px;
	height: 22px;
	padding: 2px 5px 2px 8px;
	margin-left: 10px;
}

.form-legend-arrow {
	padding-left: 3px;
	height: 22px;
	line-height: 22px;
	width: 22px;
	display: inline-block;
}

.form-row {
	height: 26px;
	line-height: 26px;
	border-bottom: 1px dashed #aaa;
	padding-top: 2px;
	padding-bottom: 3px;
}

.form-column {
	width: 220px;
	display: inline-block;
}

.form-column label {
	width: 60px;
	display: inline-block;
}

.form-column select {
	min-width: 90px;
	max-width: 130px;
}

.arrow-up {
	background: transparent url(images/arrow_up.png) no-repeat center;
}

.arrow-down {
	background: transparent url(images/arrow_down.png) no-repeat center;
}

/*input, select {
    vertical-align: middle;
}*/
input,select {
	min-height: 22px;
	font-size: 12px;
	margin-left: 2px;
}
/*default button style*/
input[type=submit],input[type=button],input[type=reset] {
	border: 0;
	color: #fff;
	padding: 3px 6px;
	font-weight: 550;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 3px;
	cursor: pointer;
	background: #7294B2; /* old browsers */
	background: -moz-linear-gradient(top, #7294B2 0%, #057742 100%);
	/* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7294B2),
		color-stop(100%, #057742) ); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#7294B2',
		endColorstr='#057742', GradientType=0 ); /* ie */
}

input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,legend:hover
	{
	color: #fff;
	background: #7294B2; /* Old browsers */
	background: -moz-linear-gradient(top, #A8C1E0 0%, #78A4BF 49%, #7294B2 52%, #057742
		100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A8C1E0),
		color-stop(49%, #78A4BF), color-stop(52%, #7294B2),
		color-stop(100%, #057742) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #A8C1E0 0%, #78A4BF 49%, #7294B2 52%,
		#057742 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #A8C1E0 0%, #78A4BF 49%, #7294B2 52%, #057742
		100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #A8C1E0 0%, #78A4BF 49%, #7294B2 52%, #057742
		100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#A8C1E0',
		endColorstr='#057742', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #A8C1E0 0%, #78A4BF 49%, #7294B2 52%, #057742 100%);
	/* W3C */
}

textarea,input[type=text],input[type=password],input[type=select],input[type=textarea]
	{
	padding-left: 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 3px;
	background: #f3f3f3;
	border: 1px solid #97bbef;
}

textarea:hover,input[type=text]:hover,input[type=password]:hover,textarea:focus,input[type=text]:focus,input[type=password]:focus
	{
	background: #fefefe;
	border: 1px solid #8cb6f2;
}

textarea.blur,input.blur {
	color: #999;
	font-style: italic;
}

h1,legend {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 10px;
}

input.grey-btn {
	color: #fff;
	background-color: #ccc;
}

input.dark-grey-btn {
	cursor: hand;
	cursor: pointer;
	padding: 3px 6px;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	background: #838383; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aeaeae',
		endColorstr='#838383' ); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#aeaeae),
		to(#838383) ); /* for webkit browsers */
	background: -moz-linear-gradient(top, #aeaeae, #838383);
	/* for firefox 3.6+ */
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

input.black-grey-btn {
	padding: 3px 6px;
	color: #666;
	cursor: hand;
	cursor: pointer;
	font-weight: normal;
	background: #E2E2E2; /* old browsers */
	background: -moz-linear-gradient(top, #E2E2E2 0%, #D1D1D1 100%);
	/* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E2E2E2),
		color-stop(100%, #D1D1D1) ); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#E2E2E2',
		endColorstr='#D1D1D1', GradientType=0 ); /* ie */
}

input.orange-btn,a.orange-btn {
	padding: 3px 6px;
	color: #fff;
	cursor: hand;
	cursor: pointer;
	font-weight: normal;
	background: #ffa84c;
	background: -moz-linear-gradient(top, #ffa84c 0%, #ff7200 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa84c),
		color-stop(100%, #ff7200) );
	background: -webkit-linear-gradient(top, #ffa84c 0%, #ff7200 100%);
	background: -o-linear-gradient(top, #ffa84c 0%, #ff7200 100%);
	background: -ms-linear-gradient(top, #ffa84c 0%, #ff7200 100%);
	background: linear-gradient(top, #ffa84c 0%, #ff7200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ffa84c',
		endColorstr='#ff7200', GradientType=0 );
}

input.orange-btn:hover,a.orange-btn:hover {
	background: #ff9b4f;
	background: -moz-linear-gradient(top, #ff9b4f 0%, #ff7011 49%, #ff7400 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9b4f),
		color-stop(49%, #ff7011), color-stop(100%, #ff7400) );
	background: -webkit-linear-gradient(top, #ff9b4f 0%, #ff7011 49%, #ff7400 100%);
	background: -o-linear-gradient(top, #ff9b4f 0%, #ff7011 49%, #ff7400 100%);
	background: -ms-linear-gradient(top, #ff9b4f 0%, #ff7011 49%, #ff7400 100%);
	background: linear-gradient(top, #ff9b4f 0%, #ff7011 49%, #ff7400 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ff9b4f',
		endColorstr='#ff7400', GradientType=0 );
}

textarea {
	border: 1px solid #ccc;
}

.from,.to {
	width: 80px;
}

.form-item {
	overflow: auto;
	font-size: 14px;
	padding-top: 5px;
}

.form-item input[type=radio] {
	float: left;
	vertical-align: center;
}

.form-item.normal {
	height: 30px;
	line-height: 30px;
}

.form-item label {
	color: #057742;
	float: left;
	display: block;
	width: 110px;
	text-align: left;
	height: 27px;
}

.form-item textarea {
	float: left;
	display: block;
	text-align: left;
}

.form-item input[type=file] {
	float: left;
	background-color: #fff;
}

.form-item input[type=password] {
	float: left;
	width: 130px;
}

.form-item input[type=text] {
	width: 130px;
	float: left;
}

.form-item select {
	float: left;
	width: auto;
}

.form-item span {
	display: inline-block;
	float: left;
	width: auto;
}

.submit {
	margin: 20px 0;
	text-align: left;
	height: 23px;
	line-height: 23px;
	display: block;
}

.form-item .readonly {
	border: none;
	background: #fff;
}

.required {
	
}

.column {
	display: inline-block;
	float: left;
	text-align: left;
}

.mainBody {
	width: 1003px;
	margin: auto;
}

/********* Main Layout *********/
#wrap {
	margin: 0 auto;
    width: 1003px;
	border-top: 3px solid #3f8030;
}

/********* Header *********/
#wrap #header {
	height: 76px;
	line-height: 30px;
	background: #fff;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}

/********* Navigation *********/
#nav {
	margin-top: 6px;
	height: 37px;
	line-height: 37px;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	background: #087945; /* old browsers */
	background: -moz-linear-gradient(top, #6fda00 0%, #087945 100%);
	/* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6fda00),
		color-stop(100%, #087945) ); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#6fda00',
		endColorstr='#087945', GradientType=0 ); /* ie */
	border-bottom: 6px solid #087945;
}

/********* Main content - left side bar *********/
#wrap #main {
    margin-top: 0;
    padding: 0 6px;
    background-color: #FFF;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
	overflow:auto;
	-moz-box-shadow: 0px 1px 4px #aaa;
	-webkit-box-shadow: 0px 1px 4px #aaa;
	box-shadow: 0px 1px 4px #aaa;
	min-height: 400px;
	position:relative;	
}

#main #sidebar {
	float: left;
	width: 235px;
	margin: 0 5px 0 3px;
	padding: 0;
}

#separator {
	background:#ccc;width:2px;left:254px;
	height:100%;position:absolute;	
}

#main #content {
    margin: 6px 0;
    float: right;
    width: 734px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	
}

#wrap #footer {
	text-align: left;
	margin-top: 6px;
	padding: 0 15px;
	height: 37px;
	line-height: 37px;
	background-color: #087945;
	color:white;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	float: left;
	width: 973px;
}

#header #logo {
	float: left;
	text-align: left;
}

#header #logo-aurora {
	float: left;
	text-align: left;
	width: 240px;
	height: 50px;
}

#header #header-nav {
	text-align: right;
	display: inline-block;
	float: right;
	list-style: square;
}

#header-nav {
	padding-right: 10px;
}

#header-nav li {
	display: inline;
	color: #666666;
	list-style: square;
}

#header-nav a {
	font-size: 12px;
	font-weight: bold;
	color: #6699CC;
	text-decoration: none;
	text-align: center;
	padding: 1px 3px;
}

#header-nav .name {
	color: #666666;
	font-weight: bold;
	font-size: 12px;
}

#flags {
	float: right;
	text-align: right;
	margin-right: 10px;
}

#flags span {
	padding: 2px;
}

#flags img {
	vertical-align: middle;
}

.shadow-1 {
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
	/* For IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#888888')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135,
		Color='#888888' );
}

.shadow-2 {
	-moz-box-shadow: 0px 2px 3px #999;
	-webkit-box-shadow: 0px 2px 3px #999;
	box-shadow: 0px 2px 3px #999;;
	/* For IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135,
		Color='#999999' );
}

#sub-nav #menu,#nav #menu {
	font-weight: bold;
	color: #5183B4;
	float: left;
}

#sub-nav #menu ul,#nav #menu ul {
	margin: 0;
	padding: 0;
}

#sub-nav #menu li,#nav #menu li {
	float: left;
	display: inline;
	padding: 0 15px;
}

#nav #menu li.current {
	background-color: #087945;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	color: white;
}

#sub-nav #menu li a:hover,#sub-nav #menu li.current a {
	color: white;
	background: #087945; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url();
	background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #087945 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7abcff),
		color-stop(44%, #60abf8), color-stop(100%, #087945) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7abcff 0%, #60abf8 44%, #087945 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7abcff 0%, #60abf8 44%, #087945 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7abcff 0%, #60abf8 44%, #087945 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #7abcff 0%, #60abf8 44%, #087945 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#7abcff',
		endColorstr='#087945', GradientType=0 ); /* IE6-8 */
}

#nav #menu li.current a {
	color: white;
}

#nav #menu li a {
	display: inline-block;
	color: #2D2E8B;
	font-size: 13px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#menu li #count {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	width: 30px;
	height: 35px;
	background: url(images/issue.png) no-repeat center;
	display: inline-block;
}

#nav #switcher {
	height: 37px;
	line-height: 37px;
	width: 350px;
	float: right;
	margin-right: 12px;
	text-align: right;
}

#sub-nav {
	height: 34px;
	line-height: 34px;
	background: #fca944; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url();
	background: -moz-linear-gradient(top, #fca944 0%, #f9c667 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fca944),
		color-stop(100%, #f9c667) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fca944 0%, #f9c667 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fca944 0%, #f9c667 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fca944 0%, #f9c667 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fca944 0%, #f9c667 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#fca944',
		endColorstr='#f9c667', GradientType=0 ); /* IE6-8 */
}

#sub-nav #menu li {
	border: none;
	padding: 0 6px;
}

#sub-nav #menu li a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	background: #fff;
	padding: 4px 10px;
	height: 22px;
	color: #66aadf;
	font-weight: normal;
}

.pane {
	text-align: left;
	width: 232px;
	margin: 6px 0;
	-moz-border-image: url(images/bottomshadow.png) 0 0 5 0 stretch; /* Firefox */
    -webkit-border-image: url(images/bottomshadow.png) 0 0 5 0 stretch; /* Safari */
    -o-border-image: url(images/bottomshadow.png) 0 0 5 0 stretch;
    border-image: url(images/bottomshadow.png) 0 0 5 0 stretch;
}

.pane .pane-header {
	padding-left: 10px;
	height: 31px;
	line-height: 31px;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

.pane .pane-content {
	margin-top: 1px;
	font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

.pane-header span {
	float: left;
	font-weight: bold;
	color: #4B4B4B;
}

.pane-header a {
	font-size: 11px;
	text-align: right;
	margin-right: 5px;
	float: right;
	font-weight: bold;
	color: #057742;
}

.pane-header .action-arrow {
	float: right;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	display: block;
}

.pane-header .action-arrow.open {
	background: transparent url(images/action-open.png) no-repeat center;
}

.pane-header .action-arrow.closed {
	background: transparent url(images/action-closed.png) no-repeat center;
}

.pane-header .pane-arrow {
	float: right;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	display: block;
}

.pane-header .pane-arrow.open {
	background: transparent url(images/pane-open.png) no-repeat center;
}

.pane-header .pane-arrow.closed {
	background: transparent url(images/pane-closed.png) no-repeat center;
}

.pane .issue,.pane .note {
	padding: 6px 12px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}

.pane li {
	height: 26px;
	line-height: 26px;
}

.pane li label {
	display: inline-block;
	color: #6699CC;
	width: 105px;
}

.pane li span {
	display: inline-block;
	color: #666;
}

#sidebar #progress-bar {
	width: 170px;
	border: 1px solid #999;
	padding: 2px;
	vertical-align: middle;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#sidebar #progress-bar-content {
	background: #9BD800; /* old browsers */
	background: -moz-linear-gradient(top, #9BD800 0%, #8fc400 100%);
	/* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9BD800),
		color-stop(100%, #8fc400) ); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#9BD800',
		endColorstr='#8fc400', GradientType=0 ); /* ie */
	font-size: 4px;
	height: 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.pane-action-header {
	background: #FFD76D;
}

.pane-action-content {
	background-color: #FFEBB6;
}

.pane-normal-content .issue-id {
	display: inline-block;
	color: #6699CC;
	width: auto;
}

.pane-normal-content .issue-id-val {
	display: inline-block;
	width: 60px;
}

.pane-normal-content .issue-owner {
	display: inline-block;
	color: #6699CC;
	width: 40px;
}

.pane-normal-content .issue-owner-val {
	display: inline-block;
	width: 100px;
}

.pane-normal-content .issue-detail {
	display: block;
	margin: 4px 0;
}

.pane-normal-content .note-date {
	font-weight: bold;
	display: inline-block;
	width: 100px;
}

.pane-normal-content .note-owner {
	color: #6699CC;
	display: inline-block;
	width: 40px;
}

.pane-normal-content .note-owner-val {
	display: inline-block;
	width: 100px;
}

.pane-normal-content .note-detail {
	display: block;
	margin: 4px 0;
}

.pane-action-content a,.pane-normal-content a {
	padding: 0 10px;
	font-size: 12px;
	display: block;
	color: #666;
	border-bottom: 1px solid #eee;
	/*  border-image: url(images/innerborder.png) 2 0 0 0 stretch;*/
}

.pane-normal-content li a:hover {
	background-color: #5BC70E;
}

.pane-normal-content li.current a {
	background-color: #5BC70E;
	font-weight: bold;
	color: #087945;
}

.pane-action-content li a:hover {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #5BC70E;
}

.pane-action-content li.current a {
	font-weight: bold;
	background-color: #38A725;
}

.pane-normal-header {
	background-color: #087945;
}

.pane-normal-content {
	background-color: #50F370;
}

.pane-normal-content.hover {
	background-color: #5BC70E;
	cursor: pointer;
}

/*table style*/

table.list {
	margin: 0 0 10px 0;
	width: 100%;
	text-align: left;
}

table.list th,table.list td {
	padding: 6px;
	text-align: left;
}

table.list th {
	color: #057742;
	border-bottom: 2px solid #aaa;
	font-weight: normal;
}

table.list td {
	border-bottom: 1px solid #ccc;
}

/********* Main content - Dashboard *********/
#main #dashboard-sidebar {
	width: 560px;
	padding: 15px 15px 10px 3px;
	min-height: 300px;
}

.dashboard-title {
	height: 31px;
	line-height: 31px;
	padding-left: 10px;
	background: #D6EBFF;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
}

.dashboard-table {
	margin: 10px 0;
	width: 100%;
	text-align: left;
}

.dashboard-table th,.dashboard-table td {
	border-bottom: 1px solid #E6E6E6;
	padding: 6px 8px;
}

.dashboard-table thead td {
	color: #4e98e3;
}

.dashboard-table tbody td {
	padding: 4px 8px;
	height: 36px;
	vertical-align: top;
}

.dashboard-table tbody td div {
	padding: 6px 0 0;
}

.dashboard-table tbody td div>a {
	color: #4e98e3;
}

#remake-flag {
	margin-left: 13px;
	font-size: 12px;
	color: #a30;
}
/********* modal content - attrEditSetting.jsp *********/
.editValue {
	text-align: left;
}

/* this is to place the datapicker in front of fancybox*/
.frontfancybox {
	z-index: 1104 !important;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 31px; /*--Set height of tabs--*/
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	margin-right: 2px;
}

ul.tabs li a {
	text-decoration: none;
	color: #999;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	outline: none;
	background: #e0e0e0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

ul.tabs li a:hover {
	background: #e5e5e5;
}

ul.tabs li.active a,li.active a:hover {
	/*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #eaeaea;
	color: #444;
}

.tab_container {
	-moz-border-radius: 0 6px 6px 6px;
	-webkit-border-radius: 0 6px 6px 6px;
	border-radius: 0 0 6px 6px;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #eaeaea;
}

.tab_content {
	padding: 10px;
}

.form-column label.checkboxStyle {
	margin-right: 9px;
	display: inline;
	width: auto;
}

button,.button,.button_common {
	color: #000000;
	padding: 2px 4px 2px 4px;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	font-weight: bold;
	width: 80px;
	background: #4BB818;
	margin:2px;
	line-height:22px;
	white-space:nowrap;
	word-break:keep-all;
}

button:hover,.button:hover,.button_common:hover {
	color: #000000;
	background: #6cc514; /* old browsers */
	background: -moz-linear-gradient(top, #6cc514 0%, #6ab721 100%);
	/* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6cc514),
		color-stop(100%, #6ab721) ); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#6cc514',
		endColorstr='#6ab721', GradientType=0 ); /* ie */
	border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

ul.vmenu {
	width: 560px;
	height: auto;
	padding: 9px 12px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #707070;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7B7B7',
		endColorstr='#707070' );
	background: -webkit-gradient(linear, left top, left bottom, from(#B7B7B7),
		to(#707070) );
	background: -moz-linear-gradient(top, #B7B7B7, #707070);
	overflow: auto;
}

ul.vmenu li {
	float: left;
	display: inline;
	padding: 0 10px;
}

ul.vmenu a {
	color: #fff;
	padding: 4px 6px;
}

ul.vmenu a:hover {
	background: #fff;
	color: #707070;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

table.tbl {
	margin: 0 0 10px 0;
	width: 98%;
	text-align: left;
}

.tbl th,.tbl td {
	padding: 6px 8px;
	text-align: left;
}

.tbl th {
	color: #057742;
	border-bottom: 2px solid #aaa;
	font-weight: normal;
}

.tbl td {
	border-bottom: 1px solid #ccc;
}

#product-detail #tbl-container {
	margin-top: 6px;
	border: 3px solid #ccc;
	padding-left: 6px;
}

#toggle-show-all {
	display: block;
	width: 150px;
	margin: 0 auto;
	padding: 1px 0;
	/*    float:center;*/
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	border: 2px solid #bbb;
	color: #888;
	font-weight: bold;
}

#toggle-show-all:hover {
	background: #333;
	color: #eee;
	border: 2px solid #aaa;
}

.editable input {
	width: 110px;
	margin-right: 3px;
}

.editable.long input {
	width: 150px;
}

.editable span {
	margin-left: 3px;
	vertical-align: middle;
}

.editable img {
	cursor: pointer;
}

.main-top {
	padding-left: 20px;
	padding-top: 10px;
	width: 900px;
}

.main-title {
	font-size: 19px;
	font-weight: bold;
	text-align: left;
	height: 30px;
	line-height: 30px;
	overflow: auto;
	padding: 4px 0 0 0;
}

.main-sub-title {
	text-align: left;
	font-size: 13px;
}

.squares {
	margin: 30px 15px;
}

.square {
	float: left;
	width: 270px;
	min-height: 275px;
	padding: 6px 15px;
	margin: 10px 20px 40px 20px;
	position: relative;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	-moz-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
	background: #e2e2e2;
	background: -moz-linear-gradient(top, #e2e2e2 0%, #e8e8e8 0%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2),
		color-stop(0%, #e8e8e8), color-stop(100%, #f4f4f4) );
	background: -webkit-linear-gradient(top, #e2e2e2 0%, #e8e8e8 0%, #f4f4f4 100%);
	background: -o-linear-gradient(top, #e2e2e2 0%, #e8e8e8 0%, #f4f4f4 100%);
	background: -ms-linear-gradient(top, #e2e2e2 0%, #e8e8e8 0%, #f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#e2e2e2',
		endColorstr='#f4f4f4', GradientType=0 );
	background: linear-gradient(top, #e2e2e2 0%, #e8e8e8 0%, #f4f4f4 100%);
}

.square .img-title {
	position: absolute;
	top: -20px;
	left: -17px;
}

.square .square-title {
	padding: 6px;
	font-size: 15px;
	font-weight: bold;
}

.square .square-desc {
	padding: 3px;
	text-align: left;
	min-height: 40px;
}

.square .square-ctrl {
	margin: 12px auto;
	padding-top: 6px;
	border-top: 3px solid #ccc;
	text-align: left;
	width: 280px;
}

.grid {
	border: 1px solid #ccc;
}

.square-ctrl label {
	color: #222;
}

.square-ctrl .nl {
	padding: 4px 0;
}

.square-ctrl input {
	min-width: 50px;
}

.popup_block {
	display: none; /*--hidden by default--*/
	background: url(images/rec-loading.gif) no-repeat bottom #ffffff;
	padding: 20px 20px 30px 20px;
	min-width: 160px;
	border: 20px solid #ddd;
	float: left;
	position: absolute;
	top: 40%;
	left: 42%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #5087D3;
}

#main-charts {
	width: 1160px;
	margin-left: 10px;
	margin-top: 5px;
	overflow: auto;
}

.row {
	width: 100%;
	background: #fff;
	float: left;
}

.row .dragbox {
	height:auto!important; 
	height:400px;
	min-height: 400px;
	width: 486px;
	float: left;
	margin: 5px 2px 20px 5px;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: auto;
}

.row .dragbox h2 {
	margin: 0;
	font-size: 12px;
	padding: 5px;
	color: #000;
	border-bottom: 1px solid #eee;
	font-family: Verdana;
	cursor: move;
	background: #5BC70E; /* Old browsers */
	background: -moz-linear-gradient(top, #5BC70E 0%, #3fac20 47%, #2c9b2d 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5BC70E),
		color-stop(47%, #3fac20), color-stop(100%, #2c9b2d) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5BC70E 0%, #3fac20 47%, #2c9b2d 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5BC70E 0%, #3fac20 47%, #2c9b2d 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5BC70E 0%, #3fac20 47%, #2c9b2d 100%);
	/* IE10+ */
	background: linear-gradient(top, #fac695 0%, #3fac20 47%, #2c9b2d 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#5BC70E',
		endColorstr='#2c9b2d', GradientType=0 ); /* IE6-9 */
}

.dragbox-content {
	background: #fff;
	margin: 5px;
	font-family: 'Lucida Grande', Verdana;
	font-size: 0.8em;
	line-height: 1.5em;
}

.column .placeholder {
	background: #f0f0f0;
	border: 1px dashed #ddd;
}

.dragbox h2.collapse {
	/* background:#f0f0f0 url('collapse.png') no-repeat top right; */
	
}

.dragbox h2 .configure {
	font-size: 11px;
	font-weight: normal;
	margin-right: 10px;
	float: right;
}

.success {
	background: #d9f9e0;
	border: 1px solid #339933;
	padding: 5px;
	font-weight: bold;
}

.dragbox-content table {
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
	font-size: 15px;
	border-bottom: 1px solid #EA9A1C;
}

.dragbox-content table tr {
	
}

.dragbox-content table th {
	border-bottom: 2px solid #EA9A1C;
}

.dragbox-content table td {
	text-align: left;
	border-bottom: 1px dotted #EA9A1C;
	padding: 6px 8px;
}

.dragbox-content table tr.odd {
	background-color: #fff1e5;
}

.dragbox-content table td.bold {
	color: #4572a7;
	font-weight: bold;
}

#dashboard-tabs {
	list-style: none;
	margin: 3px 0;
	border-bottom: 3px solid #ccc;
	padding: 0 0 5px;
}

#dashboard-tabs li {
	display: inline;
	padding: 5px 12px;
	margin-right: 5px;
	/* cursor: pointer; */
	background: #b0d4e3; /* Old browsers */
	background: -moz-linear-gradient(top, #b0d4e3 0%, #88bacf 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0d4e3),
		color-stop(100%, #88bacf) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b0d4e3 0%, #88bacf 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b0d4e3 0%, #88bacf 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b0d4e3 0%, #88bacf 100%);
	/* IE10+ */
	background: linear-gradient(top, #b0d4e3 0%, #88bacf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#b0d4e3',
		endColorstr='#88bacf', GradientType=0 ); /* IE6-9 */
}

#dashboard-tabs li a {
	color: white;
	font-size: 14px;
	text-decoration: none;
}

#dashboard-tabs li.active {
	background: #63b6db; /* Old browsers */
	background: -moz-linear-gradient(top, #63b6db 0%, #309dcf 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #63b6db),
		color-stop(100%, #309dcf) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #63b6db 0%, #309dcf 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #63b6db 0%, #309dcf 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #63b6db 0%, #309dcf 100%);
	/* IE10+ */
	background: linear-gradient(top, #63b6db 0%, #309dcf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#63b6db',
		endColorstr='#309dcf', GradientType=0 ); /* IE6-9 */
}

#dashboard-tabs li.active a,#dashboard-tabs li.active a:hover {
	background: none;
	color: white;
	font-weight: bold;
}

.title {
	margin-left: 10px;
	margin-bottom: 0;
	text-align: center;
	padding: 10px 0 0;
	width: 1050px;
	overflow: auto;
	font-weight: bold;
}

.title span {
	line-height: 120%;
	font-size: 20px;
	color: #777;
	font-weight: bold;
}

.title span.bold {
	font-size: 30px;
	color: #dddf0d;
	font-weight: bold;
}

/* breadcrumbs style start */
#breadcrumbs { /* Clear floats */
	overflow: hidden;
	width: 100%;
	margin: 5px 0 15px 0;
}

#breadcrumbs li {
	float: left;
	margin: 0 1.7em 0 0;
}

#breadcrumbs a {
	padding: .5em .8em .5em 1.3em;
	float: left;
	text-decoration: none;
	color: #444;
	background: #ddd;
	position: relative;
	z-index: 1;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	-moz-border-radius: .4em 0 0 .4em;
	-webkit-border-radius: .4em 0 0 .4em;
	border-radius: .4em 0 0 .4em;
	font-size: 13px;
}

#breadcrumbs a:hover {
	background: #9fd1ff;
}

#breadcrumbs a::after {
	background: #ddd;
	content: "";
	height: 2.5em;
	margin-top: -1.25em;
	position: absolute;
	right: -1em;
	top: 50%;
	width: 2.5em;
	z-index: -1;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
}

#breadcrumbs a:hover::after {
	background: #9fd1ff;
}

#breadcrumbs .current,#breadcrumbs .current:hover {
	font-weight: bold;
	background: none;
}

#breadcrumbs .current::after {
	content: normal;
}
/* breadcrumbs style end */
.round-block {
	margin-top: 3px;
	display: inline-block;
	width: auto;
	padding: 3px 6px;
	background: #e0eeff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*��ǩ��ʽ*/
.label {
	color: #000000;
	height: 22px;
	text-indent: 8px;
	background-color: #f6f7f8;
	border-bottom: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	vertical-align: middle;
}

.bottomLabel {
	color: #000000;
	height: 26px;
	text-indent: 8px;
	background-color: #f6f7f8;
	vertical-align: middle;
	margin: 1px;
}

/*����������ʽ*/
td.content {
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #FFFFFF;
	text-align: left;
	height: 22px;
	border-bottom: 1px solid #c8dbf3;
}
/*ȥ��TD�ײ��ı߿�*/
td.cancelBorderBottom {
	border-bottom: 0 none;
}

/*ȥ��TD��ߵı߿�*/
td.cancelBorderLeft {
	border-left: 0 none;
}

td.cancelBorderRight {
	border-right: 0 none;
}

#tabPane {
	overflow: auto;
	height: auto;
}

#tabPane .tab-page {
	overflow-x: hidden;
	overflow-y: hidden;
}

select {
	width: 130px;
}

checkbox {
	width: 14px;
	height: 14px;
}

.inputTable {
	width: 100%;
	border: 0;
	margin: 0;
	border-collapse: collapse;
}

.inputTable td {
	padding: 0;
}

.right {
	float: right;
	margin-right: 2px;
}

.borderRight {
	border-left: 1px solid #c8dbf3;
}

img {
	margin: 0px;
}

.contentBody {
	width: 100%;
	min-height: 400px;
	height: 100% !important;
	height: 100%;
	height: auto;
}

.contentBodyborder {
	
}

div.contentborder {
	border: 1px #e1e1e1 solid;
	background-color: #FFFFFF;
}

.onSuccess {
	background: #FFF url(images/standard_msg_ok.gif) top right no-repeat;
	padding-left: 0px;
	line-height: 24px;
}

.onError {
	background: #FFF2E9 url(images/standard_msg_error.gif) bottom right
		no-repeat;
	padding-left: 0px;
	line-height: 24px;
}

.inputReminder {
	font-weight: bold;
	color: red;
}

.listArea {
	margin-top: 12px;
	width: 100%;
}

.toolBar {
	float: right;
	margin: 1px 2px 1px auto;
}

.tab {
	height: 20px;
	padding: 5px 0 5px 8px;
	margin: 1px;
	background: #5BC70E;
	color: #000000;
	text-align: left;
	font-size: 0.8em;
	width: 733px;
	z-index: 1;
}

#message,.message {
	background-color: #6FBA2A;
	min-width: 200px;
	float: right;
	margin: 3px 4px 2px -220px;
	width: 200px;
	height: 20px;
	line-height: 20px;
	padding: 2px 0 3px 0;
	font-weight: bolder;
	display: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	z-index: 999;
}

.tip {
	font-weight: bolder;
	font-size: 14px;
}

.error {
	background-color: #6fba2a;
	color: #AE0003;
	font-weight: bolder;
	width: 200px;
	height: 20px;
	line-height: 20px;
}

.note {
	margin: 0 auto 7px auto;
	text-align: center;
	background-color: #6fba2a;
	min-width: 100px;
	width: 200px;
	font-size: 14px;
}

.noticeContent {
	float: left;
	width: 100%;
	line-height: 25px;
	height: 400px; 
	margin-top: 2px; 
	margin-bottom:5px;
}

.announcement {
	border-bottom: 1px dashed #B3B0AF;
	width: 95%;
	margin: 10px auto;
}

.announcementCon {
	line-height: 20px;
	word-wrap:break-word;
	word-break:break-all;
	font-weight: normal;
	text-align: left;
}

.announcementDate1 {
	text-align: center;
	font-size: 12px;
	color: #FF6600;
	margin-bottom: 10px;
	margin-top: 0px;
}
